#banner {
  width: 100%;
  position: relative;
}
#banner .hd {
  position: absolute;
  bottom: 10%;
  left: 50%;
  z-index: 100;
}
#banner .hd li {
  width: 40px;
  height: 5px;
  background-color: #ffffff;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
#banner .hd .on {
  background-color: #ff0000;
}
#banner .bd a {
  display: block;
  width: 100%;
  font-size: 0;
}
#banner .btn {
  width: 47px;
  height: 120px;
  position: absolute;
  top: 50%;
  margin-top: -60px;
}
#banner .prev {
  background: url("../images/prev.png") no-repeat center;
  left: 3%;
}
#banner .next {
  background: url("../images/next.png") no-repeat center;
  right: 3%;
}
.row {
  padding: 74px 0 0 0;
}
.sea_key{ height: 74px; line-height: 74px; overflow: hidden; border-bottom: 1px solid #e3e3e3; background: #f5f5f5;}
.search{ width:306px; height:38px; overflow:hidden; margin-top:18px;float: right;}
.search .inp01{ float:left; width:235px; height:36px; line-height:36px; background: #fff;font-size:12px;color:#666;border:none; padding-left: 20px; border: 1px solid #e3e3e3; border-right: none; font-family: "microsoft yahei";}
.search .inp02{font-size: 0; width:50px; height:38px; background:url("../images/search_btn.jpg") no-repeat #c00001 center;border-style: none;float:left;cursor:pointer;display: block;}
.keywords{ width:800px; font-size:14px; color:#666666; line-height:74px;}
.keywords b{ background: url("../images/key_icon.jpg") no-repeat 0 center;
    padding-left: 40px;
    height: 25px;
    display: block;
    width: 25p;
    float: left;
    line-height: 25px;
    margin-top: 24px;
    }
.keywords a{ color:#666666; display:inline-block; padding-right:15px;text-decoration: none;}  


section.index-title {
  text-align: center;height: 70px;
}
section.index-title section {
  display: inline-block;
  height: 1px;
  background: #999999;
  margin-top: 30px;
  width: 700px;
}
section.index-title h2 {
  padding: 0 20px;
  margin: -30px 40px 0 40px;
  font-size: 30px;
  line-height: 34px;
  color: #333333;
  background-color: #ffffff;
  font-weight: normal;
  display: inline-block;
}
section.index-title h2 span {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #999999;
  margin-top: 5px;
  text-transform: capitalize;
}
section.index-title p {
  font-size: 12px;
  line-height: 30px;
  color: #666666;
}

.product-class {
  text-align: center;
  margin-top: 30px;
}
.product-class ul {
  display: inline-block;
  vertical-align: baseline;
  overflow: hidden;
}
.product-class li {
  border: 2px solid #333333;
  float: left;
  margin: 0 10px;
  outline: none;
}
.product-class li:hover,.product-class li.cur{
	border-color: #c00001;
  	background: #fff;
}
.product-class li.cur a{
  color: #fff;}
.product-class a {
  display: block;
  font-size: 16px;
  line-height: 30px;
  padding: 5px 54px;
  color: #333333;
  text-align: center;
}
.product-class a:hover {
  text-decoration: none;
  color: #fff;  
  background: #c00001;
}
.product-list {
  margin-top: 40px;
}
.product-list .list-four li {
  position: relative;
  margin-bottom: 40px;
}

.product-list .list-four a.img-fa {
  position: relative;
  border: 1px solid #e5e5e5;
  transition: all .3s;
}
.product-list .list-four a.img-fa:hover{
  border: 1px solid #c00001;
}
.product-list .list-four a.list-title {
  margin: auto;
}

.list-four {
  width: 100%;
}
.list-four ul {
  overflow: hidden;
}
.list-four li {
  width: 22%;
  float: left;
  margin-left: 3%;
  margin-bottom: 20px;
}
.list-four li:nth-child(4n+1) {
  margin-left: 0;
}
.list-four a.img-fa {
  display: block;
  width: 100%;
  height: 270px;
  overflow: hidden;
  position: relative;
}
.list-four a.img-fa img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.list-four a.list-title {
  display: block;
  font-size: 16px;
  line-height: 50px;
  color: #333333;
  text-align: center;
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 4px solid #cccccc;
  transition: all .3s;
}
.list-four a.list-title:hover {
  text-decoration: none;
  color: #c00001;
  border-bottom: 4px solid #c00001;
}

/*新闻资讯*/
.news{ background: url("../images/news_bg_1.jpg") no-repeat center 0; height: 652px; overflow: hidden; }
.news .news-a,.news .news-b,.news .news-faq{ width: 384px; height: 491px; background: #fff; float: left; margin: 80px 24px 0 0; }
.news .news-faq{ margin-right: 0; }
.news h2{ height: 60px; line-height: 60px; border-bottom: 1px solid #c00001; padding: 0 30px; font-size: 16px}
.news h2 .news-more{line-height: 22px; border: 1px solid #666666; border-radius: 5px; font-size: 14px; color: #999999;  font-weight: normal; text-align: center; margin-top: 15px; float: right;text-decoration: none;padding: 2px 8px;transition: all .3s;}
.news h2 .news-more:hover{border: 1px solid #c00001;color: #c00001;}
.news h2 a{ color: #c00001; text-decoration: none;}
.news h2 span{ font-weight: normal; font-size: 14px; color: #999999; }
.news .news-img{ width: 324px; height: 170px; margin: 25px auto 10px; }
.news .news-img img{ width: 324px;height: 170px;}
.news ul{ padding: 0 30px; }
.news li{ font-size: 13px; line-height: 48px; border-bottom: 1px dashed #cccccc; background: url("../images/news_icon_1.png") no-repeat 0 center; padding-left: 15px;}
.news li a{ color: #666666;text-decoration: none;max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block; transition: all .3s;}
.news li a:hover{ color:#c00001;}


/*关于我们*/
.about{overflow:hidden; height:580px; background:url(../images/about_bg_1.jpg) no-repeat center 0; background-size: cover;}
.about dl{ margin-top: 80px; }
.about dt{ width: 600px; height: 360px; float: left; }
.about dt img{ width: 100%;}
.about dd{ width: 520px; float: right;}
.about dd h3{ font-size: 24px; color: #222222; font-weight: bold;}
.about dd h3 span{ display: block; font-size: 55px; color: #e3e3e3; text-transform: uppercase; font-family: "Arial"; }
.about dd h3 a{ color: #222222;text-decoration: none;}
.about dd .line{ display: block; margin: 5px 0 25px; color: #999999;}
.about dd p{ font-size: 14px; line-height: 28px; color: #666666;}
.about dd p a{ color: #00a1e9;text-decoration: none; }
.about dd p a:hover{ color:#EC7E10;}
.about dd .detail{ display: block; width: 145px; height: 45px; line-height: 42px; color: #fff; border: 1px solid #c00001; border-radius: 5px; font-size: 16px; text-align: center; margin-top: 38px;text-decoration: none;padding-right: 25px;background:#c00001 url(../images/jian.png) no-repeat;background-position: 115px center;}


/*友情链接*/
.link{overflow:hidden; height:85px; background:#edeaf1;}
.link h2{ float: left; width: 146px; font-size: 14px; font-weight: normal;background: url(../images/youlian.png) no-repeat;background-size: 100% 100%;}
.link h2 a{color: #fff;display: block;height: 85px;padding-left: 20px;padding-top: 18px;font-size: 22px;font-weight: bold;}
.link a{ color: #c00001; text-decoration: none;}
.link h2 span{ display: block; font-size: 20px; text-transform: uppercase; font-family: "Arial";}
.links-list{overflow:hidden;float:left; width:860px;font-size:14px; line-height: 85px;}
.links-list a{ display:inline-block; float:left; margin-right: 20px;margin-left: 20px;}
.links4{ display:block; float:right; width:180px; text-align:center; font-size:14px; height: 45px; line-height: 45px; border: 1px solid #fff; border-radius: 5px; margin-top: 20px;}
.links4:hover{ background:#fff; }
.links4:hover a{color:#018ccc;}